@charset "gb2312";


/*首页-案例*/

#case{

}

.case_t{

	margin-bottom:20px;

}

.case_t_list{

	float:left;

	padding-left:13px;

}

.case_t_list ul{

	clear:both;

	width:500px;

	overflow:hidden;

}

.case_t_list ul li{

	float:left;

	font:normal 16px/30px "微软雅黑";

}

.case_t_list ul li a,.case_t_list ul li a:visited{

	color:#666;

	display:block;

	padding:0px 17px;

	text-decoration:none;

}

.case_t_list ul li a.on{

	color:#fff;

	display:block;

	background:#ff0000;

	text-decoration:none;

}

.case_t_list ul li a:hover{

	color:#fff;

	display:block;

	background:#ff0000;

	text-decoration:none;

}

.arrow{

	float:right;

	padding-right:11px;

}

.arrow ul{

	clear:both;

	overflow:hidden;

	width:80px;

}

.arrow ul li{

	float:left;

	width:30px;

	padding:0px 5px;

}

.arrow ul li a,.arrow ul li a:visited{

	color:#fff;

	display:block;

	width:30px;

	text-align:center;

	height:30px;

	font:normal 20px/30px "微软雅黑";

	text-decoration:none;

	background:#d0d5d8;

}

.arrow ul li a:hover{

	color:#fff;

	display:block;

	background:#ff0000;

	text-decoration:none;
}

.case_nr{

}

.case_nr dl{

float: left;
box-shadow:1px 1px 5px #666;
width: 290px;
margin-right:5px;
position: relative;
height:220px;
}


.case_nr dl dt{
width: 280px;
height: 38px;
margin: 0 auto;
line-height: 38px;
background-color: #000;
opacity: .7;
position: absolute;
top: 180px;
text-align: center;
line-height: 30px;
color: #FFF;
margin:5px;
}

.case_nr dl dt span{

	font-size:12px;

	color:#bdbdbd;

	display:block;

	padding:0px 0px 0px 40px;

	background:url(../images/eye.png) no-repeat 12px center;

}

.case_nr dl dt span:hover{

	font-size:12px;

	color:#ff0000;

	display:block;

	padding:0px 0px 0px 40px;

	background:url(../images/eye_change.png) no-repeat 12px center;

}

.case_nr dl dt a{

	
display: block;
width: 130px;
height: 38px;
overflow: hidden;
color: #fff;
line-height: 38px;
margin: 0 auto;
}

.case_nr dl dt a:hover{

	color:#ff0000;

}

.case_nr dl dd{}

.case_nr dl dd img a{

	width:275px;

	height:175px;

}

#jjfa
{
	float: left;
box-shadow:1px 1px 5px #666;
width: 220px;
margin-left:10px;
position: relative;
}

#jjfa dt{

	width: 220px;
height: 50px;
margin: 0 auto;
line-height: 50px;
background-color: #000;
opacity: .5;
position: absolute;
top: 183px;
left: 10px;
text-align: center;
line-height: 50px;
color: #FFF;
}
#jjfa dt span{

	font-size:12px;

	color:#bdbdbd;

	display:block;

	padding:0px 0px 0px 40px;

	background:url(../images/eye.png) no-repeat 12px center;

}

#jjfa dt span:hover{

	font-size:12px;

	color:#ff0000;

	display:block;

	padding:0px 0px 0px 40px;

	background:url(../images/eye_change.png) no-repeat 12px center;

}

#jjfa dt a{

	
display: block;
width: 180px;
height: 50px;
overflow: hidden;
color: #fff;
line-height: 50px;
margin: 0 auto;
}

#jjfa dt a:hover{

	color:#ff0000;

}

#jjfa dd{}

#jjfa dd img a{

	width:275px;

	height:175px;

}